<template>
  <div class="goods">
    <goodlist
      v-for="item in goodlist"
      :goodmessage="item"
      class="good-item"
    ></goodlist>
  </div>
</template>

<script>
import goodlist from "./gooditem";
export default {
  name: "goodShow",
  props: {
    goodlist: {
      type: Array,
      default() {
        return [];
      },
    },
  },
  components: {
    goodlist,
  },
};
</script>

<style>
.goods {
  display: flex;
  /* 是否换行显示 */
  flex-wrap: wrap;
  justify-content: space-evenly;
}
/* .good-item {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
} */
</style>